/**
 * Created by 86185 in 2020/8/23 on 18:52
 */
import React from "react"

import "@/views/Home.styl"

import PersonCount from "@/components/PersonCount/PersonCount.component"
import PlaceCount from "@/components/PlaceCount/PlaceCount.component"
import HotPlaceCount from "@/components/HotPlaceCount/HotPlaceCount.component"
import HotPlaceWatch from "@/components/HotPlaceWatch/HotPlaceWatch.component"
import TicketSourceCount from "@/components/TicketSourceCount/TicketSourceCount.component"
import PlaceFeedback from "@/components/PlaceFeedback/PlaceFeedback.component"

class Home extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div className="home">
                <div className="head">
                    <div className="time">2020年5月1日<br/>09:24:57</div>
                    <div className="system">
                        <div className="bg">
                            <div className="bg bg-1"></div>
                            <div className="bg bg-2"></div>
                            <div className="bg bg-3"></div>
                        </div>
                        <div className="center">
                            <div className="top"></div>
                            <div className="text">{window.$config.appName}</div>
                            <div className="bottom"></div>
                        </div>
                    </div>
                    <div className="weather">晴<br/>18 ~ 32 ℃</div>
                </div>
                <div className="body">
                    <div className="left">
                        <div className="item-top">
                            <PersonCount></PersonCount>
                        </div>
                        <div className="item-bottom">
                            <PlaceCount></PlaceCount>
                        </div>
                    </div>
                    <div className="middle">
                        <div className="middle-top">
                            <HotPlaceCount></HotPlaceCount>
                        </div>
                        <div className="middle-bottom">
                            <HotPlaceWatch></HotPlaceWatch>
                        </div>
                    </div>
                    <div className="right">
                        <div className="item-top">
                            <TicketSourceCount></TicketSourceCount>
                        </div>
                        <div className="item-bottom">
                            <PlaceFeedback></PlaceFeedback>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}

export default Home
